<template>
	<div>
		<img class='headerimg' src="https://misc.360buyimg.com/lib/img/e/logo-201305-b.png" alt="">
		<cube-form
		  :model="model"
		  :schema="schema"
		  @submit="submitHandler"
		  ></cube-form>
	</div>
</template>

<script>
	export default{
		data(){
			return{
				model:{
					username:'',
					password:''
				},
				schema:{
					fields:[
					    //用户名配置
					    {
					        type:'input',
					        modelKey:'username',
					        label:'用户名',
					        props:{
					            placeholder:'请输入用户名',
					        },
					        rules:{
					            //校验规则
					            required:true,
					            type:'string',
					            min:3,
					            max:15,
					        },
					        trigger: 'blur',
					        messages:{
					            required:'用户名不能为空',
					            min:'用户名不能少于3个字符',
					            max:'用户名不能大于15个字符'
					        }
					    },
					    //密码配置
					    {
					        type:'input',
					        modelKey:'password',
					        label:'密码',
					        props:{
					            placeholder:'请输入密码',
					            type:'password',
					            eye:{
					                open:false,
					            }
					        },
					        rules:{
					            required:true,
					        },
					        trigger:'blur',
					    },
					    {
					        type:'submit',
					        label:'注册'
					    }
					]
				}
			}
		},
		
		methods:{
			submitHandler(e){
				e.preventDefault()
				this.$http.get('/api/register',{params:this.model}).then(res=>{
					console.log(res.success)
				}).catch(err=>{
					console.log(err)
				})
			}
		}
	}
	
	
	
</script>

<style lang='stylus' scoped>
	.headerimg
	    height  70px
	    width  40%
</style>
